<template>
  <el-divider class="base-view-more" @click.stop="updateAction">
    {{ visible ? $t('Base.hideMore') : $t('Base.showMore') }}
  </el-divider>
</template>
<script>
export default {
  props: {
    visible: {
      default: false,
      type: Boolean
    }
  },
  methods: {
    updateAction() {
      this.$emit('update:visible', !this.visible)
    }
  }
}
</script>
<style>
.base-view-more {
  cursor: pointer;
}
</style>
